<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>预约详情</title>

    <link rel="stylesheet" href="../css/page-health-orderDetail.css"/>
</head>

<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<!-- 页面内容 -->
<div class="contentBox">
    <div class="question">

        <div class="q-choose">

            <div id="app">
                <div class="app-container">
                    <div class="box">
                        <!-- 新增标签弹层 -->
                        <div class="add-form" :visible.sync="dialogFormVisible" >
                            <el-form ref="dataAddForm" :model="formData" :rules="rules" label-position="right"
                                     label-width="100px" >
                                <el-row>
                                    <el-col :span="20">
                                        <el-form-item label="姓名" prop="name" >
                                            <el-input v-model="formData.name"/>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="20">
                                        <el-form-item label="身份证号"prop="idCard">
                                            <el-input v-model="formData.idCard"/>
                                        </el-form-item>
                                    </el-col>
                                </el-row>

                                </el-row>
                            </el-form>
                            <div slot="footer" class="dialog-footer" >
                                <a href="health-orderList_test.html"/>
                                <el-button type="primary"  >确定</el-button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
</body>
<!-- 引入组件库 -->
<script src="../js/vue.js"></script>
<script src="../plugins/elementui/index.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script>


    var vue = new Vue({
        el: '#app',
        data: {
            activeName: '1',//添加/编辑窗口Tab标签名称
            dialogFormVisible: true,

            dataList: [],//当前页要展示的表单数据
            formData: {},//表单数据
            constitutions: [],//新增和编辑表单中对应的题目列表数据

            reportData: {},//表单数据
            reportList: [],//当前页要展示的体制分数数据

            dialogFormVisible4Find: false,

            rules: {//校验规则

                name: [{required: true, message: '名字不为空', trigger: 'blur'}],
                idCard: [{required: true, message: '身份证号不为空', trigger: 'blur'}],

            }
        },
        //钩子函数，VUE对象初始化完成后自动执行
        created() {
            this.handleCreate();
        },
        methods: {

           // 查看信息
            handFindOrder() {
                /*this.formData.constitutions = this.constitutions;*/

                axios.post("/order/findFindOrder.do", this.formData).then((res) => {
                    if (res.data.flag) {
                        this.$message.success("分析成功");
                        this.reportData = res.data.data;
                    } else {
                        this.$message.error(res.data.message);
                    }

                });
            },
            // 重置表单
            resetForm() {
                this.formData = {};
                this.$refs['dataAddForm'].resetFields();
            },

            }

    })
</script>
</html>